<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 视口 -->
    <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1,user-scalable=no">
    <title>p2p个人中心</title>
    <!-- bootstrap css -->
    <link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.css">
    <link rel="stylesheet" href="lib/fontawesome/web-fonts-with-css/css/fontawesome-all.min.css">
    <!-- bootstrapValidator css -->
    <link rel="stylesheet" href="lib/bootstrapvalidator/dist/css/bootstrapValidator.min.css">
    <link rel="stylesheet" href="lib/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css">
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
        <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- 
        bootstarpDate cdn
        <script src="https://cdn.bootcss.com/moment.js/2.18.1/moment-with-locales.min.js"></script>  
        <link href="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">  
        <script src="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script> 
     -->
    <link rel="stylesheet" href="./dist/css/borrow_apply.css">
</head>

<body>
    <!-- 页头导航条 start-->
    <nav class="navbar navbar-inverse">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
                    aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">
                    <span class="glyphicon glyphicon-phone-alt"></span>
                    <i> 028-86261949</i>
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="index.html">
                            <span class="fa fa-home"></span>首页</a>
                    </li>
                    <!-- 登录后影藏 -->
                    <!-- <li>
                        <a href="join.html"><span class="fa fa-registered"></span>快速注册</a>
                    </li>
                    <li>
                        <a href="login.html"><span class="fa fa-sign-in-alt"></span>登录</a>
                    </li> -->
                    <!-- 登录后显示 -->
                    <li>
                        <a href="#" id="outUser">
                            <span class="glyphicon glyphicon-share"></span>注销</a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="glyphicon glyphicon-jpy"></span>赶快充值</a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="fa fa-hands-helping">帮助</span>
                        </a>
                    </li>
                    <li id="weixinTips" data-toggle="tooltip" data-placement="bottom" data-html="true" title="<img src='./images/contract.png'>">
                        <a href="#">
                            <span class="fab fa-weixin"></span>联系客服</a>
                    </li>

                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
    <!-- 页头导航条 end -->
    <!-- 主导航条 start-->
    <!-- 主导航条 -->
    <nav class="navbar navbar-default">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <!-- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
                    aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button> -->
                <a class="" href="#">
                    <img src="images/logo.png" alt="">
                </a>
                <div class="cl"></div>
            </div>

            <div class=" navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <a href="invest.html">我要投资</a>
                    </li>
                    <li>
                        <a href="borrow.html">我要借款</a>
                    </li>
                    <li class="active">
                        <a href="personal.html">个人中心</a>
                    </li>
                    <li>
                        <a href="#">新手指引</a>
                    </li>
                    <li>
                        <a href="#">关于我们</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
    <!-- 主导航条 end -->
    <!-- 正文内容 start -->
    <div class="container member">
        <div id="memberMain" class="row active">
            <!--左侧-->
            <div id="leftMenu" class="col-sm-3 col-xs-6">
                <!--折叠菜单的插件-->
                <!--1-->
                <div class="panel-group" role="tablist">
                    <div class="panel panel-default">
                        <!--一级菜单-->
                        <div class="panel-heading" role="tab" id="collapseListGroupHeading1">
                            <h4 class="panel-title">
                                <a class="" role="button" data-toggle="collapse" href="#collapseListGroup1" aria-expanded="true" aria-controls="collapseListGroup1">
                                    借款项目
                                </a>
                            </h4>
                        </div>
                        <!--二级菜单-->
                        <div id="collapseListGroup1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="collapseListGroupHeading1"
                            aria-expanded="true">
                            <ul class="list-group">
                                <li class="list-group-item active">
                                    <a href="borrow_apply.html">我要借款</a>
                                </li>
                                <li class="list-group-item">
                                    <a href="#">还款明细</a>
                                </li>
                                <li class="list-group-item">
                                    <a href="#">借款记录</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!--2-->
                <div class="panel-group" role="tablist">
                    <div class="panel panel-default">
                        <!--一级菜单-->
                        <div class="panel-heading" role="tab" id="collapseListGroupHeading2">
                            <h4 class="panel-title">
                                <a class="" role="button" data-toggle="collapse" href="#collapseListGroup2" aria-expanded="true" aria-controls="collapseListGroup2">
                                    我的账户
                                </a>
                            </h4>
                        </div>
                        <!--二级菜单-->
                        <div id="collapseListGroup2" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="collapseListGroupHeading2"
                            aria-expanded="true">
                            <ul class="list-group">
                                <li class="list-group-item">
                                    <a href="personal.html">账户信息</a>
                                </li>
                                <li class="list-group-item">
                                    <a href="#">实名认证</a>
                                </li>
                                <li class="list-group-item">
                                    <a href="#">银行卡管理</a>
                                </li>
                                <li class="list-group-item">
                                    <a href="#">登录记录</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!--3-->
                <div class="panel-group" role="tablist">
                    <div class="panel panel-default">
                        <!--一级菜单-->
                        <div class="panel-heading" role="tab" id="collapseListGroupHeading3">
                            <h4 class="panel-title">
                                <a class="" role="button" data-toggle="collapse" href="#collapseListGroup3" aria-expanded="true" aria-controls="collapseListGroup3">
                                    资产详情
                                </a>
                            </h4>
                        </div>
                        <!--二级菜单-->
                        <div id="collapseListGroup3" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="collapseListGroupHeading3"
                            aria-expanded="true">
                            <ul class="list-group">
                                <li class="list-group-item">
                                    <a href="accountFlow_list.html">账户流水</a>
                                </li>
                                <li class="list-group-item">
                                    <a href="recharge_list.html">充值明细</a>
                                </li>
                                <li class="list-group-item">
                                    <a href="#">提现记录</a>
                                </li>
                                <li class="list-group-item">
                                    <a href="#">收款明细</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!--4-->
                <div class="panel-group" role="tablist">
                    <div class="panel panel-default">
                        <!--一级菜单-->
                        <div class="panel-heading" role="tab" id="collapseListGroupHeading4">
                            <h4 class="panel-title">
                                <a class="" role="button" data-toggle="collapse" href="#collapseListGroup4" aria-expanded="true" aria-controls="collapseListGroup4">
                                    个人资料
                                </a>
                            </h4>
                        </div>
                        <!--二级菜单-->
                        <!--<div id="collapseListGroup4" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="collapseListGroupHeading4" aria-expanded="true" style="">-->
                        <!--<ul class="list-group">-->
                        <!--<li class="list-group-item">Bootply</li>-->
                        <!--<li class="list-group-item">One itmus ac facilin</li>-->
                        <!--<li class="list-group-item">Second eros</li>-->
                        <!--</ul>-->
                        <!--</div>-->
                    </div>
                </div>
            </div>
            <!--右侧-->
            <!--右侧-->
			<div id="rightCon" class="col-sm-9 col-xs-12">
				<div class="panel panel-default">
					<div class="panel-body">
						<button id="toggleBtn" class="btn btn-primary btn-xs">展开</button>
						<div class="row clear">
							<div class="col-sm-10 col-xs-12">
								<h3>信用借款</h3>
                                <p>
                                    <span class="text-info">授信额度：</span><span class="text-danger">2000 </span>    
                                    <span class="text-info">可借金额：</span><span class="text-danger">2000</span>
                                </p>
                            </div>
                            <div class="page-header lead col-sm-10 col-xs-12"></div>
                        </div>
                        <form class="form-horizontal el-borrow-form" id="borrowForm">
                            <div class="form-group">
                                <label class="col-sm-3 control-label">
                                    借款人
                                </label>
                                <div class="col-sm-3  input-group">
                                    <input id="borrowPerson" class="form-control" name="borrowPerson" readonly>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">
                                    借款方式
                                </label>
                                <div class="col-sm-3  input-group">
                                    <select class="form-control" name="borrowType">
                                        <option value="1">信用贷</option>
                                        <option value="2">车易贷</option>
                                        <option value="3">房易贷</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">  
                                <label class="col-sm-3 control-label">选择日期</label>  
                                <div class="col-sm-3 input-group date" id='date1'>  
                                    <input type="text" class="form-control" name="borrowDate">  
                                    <a class="input-group-addon">  
                                        <i class="glyphicon glyphicon-calendar"></i>  
                                    </a>  
                                </div> 
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">
                                    借款金额
                                </label>
                                <div class="col-sm-3  input-group">
                                    <input class="form-control" name="borrowMoney">
                                    <span class="input-group-addon">元</span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">
                                    借款利息
                                </label>
                                <div class="col-sm-3  input-group">
                                    <input class="form-control" name="borrowRate">
                                    <span class="input-group-addon">%</span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">
                                    借款期限
                                </label>
                                <div class="col-sm-3 input-group">
                                    <select class="form-control" name="borrowTerm">
                                        <option value="1">1</option>
                                        <option value="3">3</option>
                                        <option value="6">6</option>
                                        <option value="9">9</option>
                                        <option value="12">12</option>
                                        <option value="24">24</option>
                                    </select>
                                    <span class="input-group-addon">月</span>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-3 control-label">
                                    还款方式
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" value="按月分期" checked="checked" name="repayment">
                                    按月分期
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" value="按月到期" name="repayment">
                                    按月到期
                                </label>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-3 control-label">
                                    最小投标
                                </label>
                                <div class="col-sm-3  input-group">
                                    <input class="form-control" name="minMoney">
                                    <span class="input-group-addon">元</span>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-3 control-label">
                                    投标奖金
                                </label>
                                <div class="col-sm-3  input-group">
                                    <input class="form-control" name="borrowBonus" value="0">
                                    <span class="input-group-addon">%</span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">
                                    最大投标
                                </label>
                                <div class="col-sm-3  input-group">
                                    <input class="form-control" name="maxMoney" />
                                    <span class="input-group-addon">元</span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">
                                    招标天数
                                </label>
                                <div class="col-sm-3 input-group">
                                    <select class="form-control" name="borrowDays">
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="11">11</option>
                                        <option value="12">12</option>
                                    </select>
                                    <span class="input-group-addon">天</span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">
                                    借款标题
                                </label>
                                <div class="col-sm-6 input-group">
                                    <input name="borrowTitle" class="form-control">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">
                                    借款描述
                                </label>
                                <div class="col-sm-6  input-group">
                                    <textarea name="borrowDetails" rows="4" class="form-control" style="resize: none;"></textarea>
                                </div>
                            </div>
                            <div class="form-group text-center">
                                <button id="borrowBtn" class="btn btn-primary" type="button">
                                    提交申请
                                </button>
                            </div>

                            <div class="el-borrow-form-tip">
                                <h4>相关费用</h4>
                                <p>
                                    <span class="text-info">利息</span>
                                    <span class="el-borrow-cost" id="cost01">--</span>
                                </p>
                                <p>
                                    <span class="text-info">奖金</span>
                                    <span class="el-borrow-cost" id="cost02">--</span>
                                </p>
                                <p>
                                    <span class="text-info">管理费</span>
                                    <span class="el-borrow-cost" id="cost03">--</span>
                                </p>
                            </div>
                        </form>
					</div>
				</div>
			</div>
		</div>
        </div>
    </div>
    <!-- 正文内容 end -->
    <!-- 退出成功后Modal -->
    <div class="modal fade" id="isJoin" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">用户退出登录提示</h4>
                </div>
                <div class="modal-body">

                </div>
            </div>
        </div>
    </div>
    <!-- 注册成功后Modal -->
    <div class="modal fade" id="isJoin2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">用户申请提示</h4>
                </div>
                <div class="modal-body">
                    
                </div>
            </div>
        </div>
    </div>
    <!-- 页脚 start -->
    <div class="row el-footer">
        <div class="container">
            <div class="col-sm-8">
                <p>专业Java培训、PHP培训、UI培训、iOS培训、高级Web前端培训机构</p>
                <p>版权所有： 2006-2015成都源代码教育咨询有限公司</p>
                <p>地  址： 成都市高新区府城大道西段399号天府新谷1号楼620-625</p>
                <p>电  话： 028-86261949 / 400-808-6840  邮箱： yuandaima@itsource.cn</p>
                <p>
                    <a href="#">蜀ICP备14030149号-1</a>
                    <a href="#">蜀公网安备510114990541</a>
                </p>
            </div>
            <div class="col-sm-2">
                <div>
                    <p>官方微博：</p>
                    <a href="#">
                        <img src="./images/tecent.png" alt="">
                    </a>
                    <a href="#">
                        <img src="./images/sina.png" alt="">
                    </a>
                </div>
            </div>
            <div class="col-sm-2">
                <div>
                    <p>官方微信：</p>
                    <a href="#">
                        <img src="./images/wx.jpg" alt="">
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 页脚 end -->
    <!-- jq引入 -->
    <script src="lib/jquery/dist/jquery.min.js"></script>
    <!-- bootstrap js -->
    <script src="lib/bootstrap/dist/js/bootstrap.min.js"></script>
    <!-- bootstrapValidator -->
    <script src="lib/bootstrapvalidator/dist/js/bootstrapValidator.min.js"></script>
    <!-- bootstrap 时间控件 -->
    <script src="https://cdn.bootcss.com/moment.js/2.18.1/moment-with-locales.min.js"></script>  
    <script src="lib/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>  
    <!-- 自定义脚本 -->
    <script src="dist/js/p2pDispose.js"></script>
    <!-- <script src="dist/js/p2pCheckForm.js"></script> -->
    <!-- 时间控件配置 -->
    <script src="dist/js/dateimepicker.js"></script>
    <!-- 用户cookie -->
    <script src="dist/js/checkUser.js"></script>
    <!-- 退出登录 -->
    <script src="dist/js/outUser.js"></script>
    <!-- 用户登录显示用户名 -->
    <script src="dist/js/disName.js"></script>
</body>

</html>